import React, {Component} from 'react'
import logo from '../../logo.svg'
import './navbar.css'
class Navbar extends Component {
  render() {
    return (
        <div className="mff-nav">
          <div className="mff-navbar">
            <div className="mff-navbar__item mff-navbar__item_left">
              微信
            </div>
            <div className="mff-navbar__item mff-navbar__item_center ">
              <img src={logo} className="App-logo" alt="logo"/>
            </div>
            <div className="mff-navbar__item mff-navbar__item_right ">
              微信
            </div>
          </div>
          <div className="mff-nav__panel">
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
          </div>
        </div>
    );
  }
}

export default Navbar;
